<!-- 条目复核页面 -->
<div class="box box-default">
  <div class="box-body">
    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          <div class="nav-tabs-custom remove-border">
            <ul class="nav nav-tabs ul-change" style="border-bottom-width: 0px;">
              <li class="active">
                <a (click)="loadList(1,50,'clear')" href="#tab_1" data-toggle="tab">明细模式</a>
              </li>
              <li>
                <a (click)="loadBatchList(1,50,'clear')" href="#tab_2" data-toggle="tab">批次模式</a>
              </li>
            </ul>
            <div class="tab-content" style="padding:0;margin-top:10px">
              <div class="tab-pane active" id="tab_1">

                <form #SearchForm="ngForm" class="form-inline" style="margin-bottom:8px !important;">
                  <div class="box box-default">
                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
                      <button *ngIf="_.includes(menuResourceSet,'btn-QDII-mxms-flowInfo')" (click)="showModal('1')" type="button" class="btn btn-primary">
                        <i class="fa fa-search"></i>查看流程信息
                      </button>
                      <button *ngIf="_.includes(menuResourceSet,'btn-QDII-mxms-recheck')" (click)="showReview('1')" type="button" class="btn btn-primary">
                        <i class="fa fa-search"></i>复核通过
                      </button>
                      <button *ngIf="_.includes(menuResourceSet,'btn-QDII-mxms-back')" (click)="showReview('2')" type="button" class="btn btn-primary">
                        <i class="fa fa-search"></i>不通过
                      </button>
                      <button class="btn btn-box-tool pull-right" data-widget="collapse">
                        <i class="fa fa-minus"></i>
                      </button>
                    </div>
                    <div class="box-body" style="display:block;padding-left:0">
                      <div class="form-group" style="padding-left:5px !important;margin-bottom:8px !important;">
                        <div class="row">
                          <div class="col-md-12">
                            <label class="control-label">发起日期：</label>
                            <div style="width:210px;" class="input-group date form_datetime">
                              <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </span>
                              <input class="form-control" type="text" mwlFlatpickr [(ngModel)]="getListBody.sOprDateStart" name="sOprDateStart" style="background: white; cursor: pointer;">
                            </div>
                            <label class="control-label">到：</label>
                            <div style="width:210px;" class="input-group date form_datetime">
                              <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </span>
                              <input class="form-control" type="text" mwlFlatpickr [(ngModel)]="getListBody.sOprDateEnd" name="sOprDateEnd" style="background: white; cursor: pointer;">
                            </div>
                          </div>
                          <div class="col-md-12" style="margin-top:10px;">
                            <label class="control-label">批次区间：</label>
                            <input style="width:210px;" [min]="0" type="text" maxlength="9" digits #nNoStart="ngModel" class="form-control" placeholder="起始区间"
                              [(ngModel)]="getListBody.nBatchNoStart" name="nNoStart">
                            <label class="control-label">到：</label>
                            <input style="width:210px;" [min]="0" type="text" maxlength="9" digits #nNoEnd="ngModel" class="form-control" placeholder="结束区间"
                              [(ngModel)]="getListBody.nBatchNoEnd" name="nNoEnd">
                            <button type="button" class="btn btn-primary" style="margin-left:10px;" (click)="searchQuery(getListBody)" [disabled]="nNoStart.errors?.digits||nNoEnd.errors?.digits">
                              <i class="fa fa-search"></i>查询</button>
                          </div>
                          <div class="col-md-12">
                            <div class="form-group col-lg-4" style="padding-left:0px !important">
                              <p *ngIf="nNoStart.errors?.digits" class="errorTip" style="padding-left:80px">请输入正整数</p>
                            </div>
                            <div class="form-group col-lg-4" style="padding-left:0px !important">
                              <p *ngIf="nNoEnd.errors?.digits" class="errorTip" style="padding-left:20px">请输入正整数</p>
                            </div>
                          </div>
                        </div>

                      </div>
                    </div>
                  </div>

                </form>
                <div class="ibt-fixed-table-container">
                    <div id="review-table" #qdiireviewTablePage></div>
                  <!-- <table id="review-table" class="table table-bordered table-hover table-striped table-keep-line" style="margin-top:unset !important;">
                    <thead>
                      <tr role="row">
                        <th style="width:50px !important">
                          <div class="cell">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll(listData)">
                              <label>
                              </label>
                            </div>
                          </div>
                        </th>
                        <th class="width-60">
                          <div class="cell">序号</div>
                        </th>
                        <th class="width-60">
                          <div class="cell">编号</div>
                        </th>
                        <th class="width-60">
                          <div class="cell">批次号</div>
                        </th>

                        <th class="width-90">
                          <div class="cell">当前流程</div>
                        </th>
                        <th class="width-90">
                          <div class="cell">处理状态</div>
                        </th>
                        <th class="width-90">
                          <div class="cell">是否有效</div>
                        </th>
                        <th class="width-120">
                          <div class="cell">条款出处</div>
                        </th>
                        <th class="width-120">
                          <div class="cell">文件名称</div>
                        </th>
                        <th class="width-120">
                          <div class="cell">属性</div>
                        </th>
                        <th class="width-120">
                          <div class="cell">适用QDII类别</div>
                        </th>
                        <th class="width-120">
                          <div class="cell">适用QDII名称</div>
                        </th>
                        <th class="width-120">
                          <div class="cell">内容</div>
                        </th>
                        <th class="width-120">
                          <div class="cell">指标释义</div>
                        </th>
                        <th class="width-180">
                          <div class="cell">bloomberg系统能否控制</div>
                        </th>
                        <th class="width-120">
                          <div class="cell">系统设置代码</div>
                        </th>
                        <th class="width-120">
                          <div class="cell">阈值</div>
                        </th>
                        <th class="width-180">
                          <div class="cell">人工控制方法说明</div>
                        </th>
                        <th class="width-180">
                          <div class="cell">系统实施相关条件</div>
                        </th>
                        <th class="width-120">
                          <div class="cell">备注1</div>
                        </th>
                        <th class="width-120">
                          <div class="cell">备注2</div>
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr *ngFor="let item of listData;let index = index;">
                        <td style="width:50px !important">
                          <div class="cell" id="routeCheck{{index}}">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="checkbox1" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll(listData)">
                              <label>
                              </label>
                            </div>
                          </div>
                        </td>
                        <td class="short_name width-60" [attr.title]="index+1">
                          <div>
                            {{index+1}}
                          </div>
                        </td>
                        <td class="short_name width-60" [attr.title]="item.nQjId">
                          <div name="nQjId">
                            {{item.nQjId}}
                          </div>
                        </td>
                        <td class="short_name width-60" [attr.title]="item.nBatchNo">
                          <div name="nBatchNo">
                            {{item.nBatchNo}}
                          </div>
                        </td>
                        <td class="short_name width-90" [attr.title]="item.sFlowStepZh">
                          <div name="sFlowStepZh">
                            {{item.sFlowStepZh}}
                          </div>
                        </td>
                        <td class="short_name width-90" [attr.title]="item.sOprStateZh">
                          <div name="sOprStateZh">
                            {{item.sOprStateZh}}
                          </div>
                        </td>
                        <td class="short_name width-90" [attr.title]="item.sValidZh">
                          <div name="sValidZh" class="font-color">
                            {{item.sValidZh}}
                          </div>
                        </td>
                        <td class="short_name width-120" [attr.title]="item.sFileSource">
                          <div name="sFileSource" class="font-color">
                            {{item.sFileSource}}
                          </div>
                        </td>
                        <td class="short_name width-120" [attr.title]="item.sFileName">
                          <div name="sFileName" class="font-color">
                            {{item.sFileName}}
                          </div>
                        </td>
                        <td class="short_name width-120" [attr.title]="item.sItemTypeZh">
                          <div name="sItemTypeZh" class="font-color">
                            {{item.sItemTypeZh}}
                          </div>
                        </td>
                        <td class="short_name width-120" [attr.title]="item.sFundTypeZh">
                          <div name="sFundTypeZh" class="font-color">
                            {{item.sFundTypeZh}}
                          </div>
                        </td>
                        <td class="short_name width-120" [attr.title]="item.sFundGroupdsZh">
                          <div name="sFundGroupdsZh" class="font-color">
                            {{item.sFundGroupdsZh}}
                          </div>
                        </td>
                        <td class="short_name width-120" [attr.title]="item.f1">
                          <div name="f1" class="font-color">
                            {{item.f1}}
                          </div>
                        </td>
                        <td class="short_name width-120" [attr.title]="item.f3">
                          <div name="f3" class="font-color">
                            {{item.f3}}
                          </div>
                        </td>
                        <td class="short_name width-180" [attr.title]="item.f4Zh">
                          <div name="f4Zh" class="font-color">
                            {{item.f4Zh}}
                          </div>
                        </td>
                        <td class="short_name width-120" [attr.title]="item.f5">
                          <div name="f5" class="font-color">
                            {{item.f5}}
                          </div>
                        </td>
                        <td class="short_name width-120" [attr.title]="item.f6">
                          <div name="f6" class="font-color">
                            {{item.f6}}
                          </div>
                        </td>
                        <td class="short_name width-180" [attr.title]="item.f7">
                          <div name="f7" class="font-color">
                            {{item.f7}}
                          </div>
                        </td>
                        <td class="short_name width-180" [attr.title]="item.f8">
                          <div name="f8" class="font-color">
                            {{item.f8}}
                          </div>
                        </td>
                        <td class="short_name width-120" [attr.title]="item.f9">
                          <div>
                            {{item.f9}}
                          </div>
                        </td>
                        <td class="short_name width-120" [attr.title]="item.f10">
                          <div name="f10" class="font-color">
                            {{item.f10}}
                          </div>
                        </td>
                      </tr>
                    </tbody>

                  </table> -->
                </div>
                <div class="box-footer clearfix">
                  <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="PageNavigation($event,1)">
                    <div class="pull-left pagination-detail" data-pagination-additional="true">
                      <span class="pagination-info">
                        当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
                      </span>
                      <span class="page-list">
                        每页记录
                        <span class="btn-group dropup">
                          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <span class="page-size">{{listPageInfo.pageSize}}</span>
                            <span class="caret"></span>
                          </button>
                          <ul class="dropdown-menu" role="menu">
                            <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="pageSizeChange(i,1)">
                              <a>{{i}}</a>
                            </li>
                          </ul>
                        </span>条
                      </span>
                    </div>
                  </app-pagination>
                </div>
              </div>
              <!-- /.tab-pane -->
              <div class="tab-pane" id="tab_2">
                <form #batchSearchForm="ngForm" class="form-inline" style="margin-bottom:8px !important;">
                  <div class="box box-default">
                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
                      <button *ngIf="_.includes(menuResourceSet,'btn-QDII-pcms-detail')" (click)="showModal('4')" type="button" class="btn btn-primary">
                        <i class="fa fa-search"></i>查看明细
                      </button>
                      <button class="btn btn-box-tool pull-right" data-widget="collapse">
                        <i class="fa fa-minus"></i>
                      </button>
                    </div>
                    <div class="box-body" style="display:block">
                      <div class="form-group" style="padding-left:5px !important;margin-bottom:8px !important;">
                        <div class="row">
                          <div class="col-md-12 col-xs-12">
                            <label class="control-label">发起日期：</label>
                            <div style="width:210px;" class="input-group date form_datetime">
                              <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </span>
                              <input class="form-control" type="text" mwlFlatpickr [(ngModel)]="batchListBody.sOprDateStart" name="sOprDateStart" style="background: white; cursor: pointer;">
                            </div>
                            <label class="control-label">到：</label>
                            <div style="width:210px;" class="input-group date form_datetime">
                              <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </span>
                              <input class="form-control" type="text" mwlFlatpickr [(ngModel)]="batchListBody.sOprDateEnd" name="sOprDateEnd" style="background: white; cursor: pointer;">
                            </div>

                          </div>
                          <div class="col-md-12 col-xs-12" style="margin-top:10px;">
                            <label class="control-label">批次区间：</label>
                            <input style="width:210px;" [min]="0" type="text" maxlength="9" digits #nBatchNoStart="ngModel" class="form-control" placeholder="起始区间"
                              [(ngModel)]="batchListBody.nBatchNoStart" name="nBatchNoStart">
                            <label class="control-label">到：</label>
                            <input style="width:210px;" [min]="0" type="text" maxlength="9" digits #nBatchNoEnd="ngModel" class="form-control" placeholder="结束区间"
                              [(ngModel)]="batchListBody.nBatchNoEnd" name="nBatchNoEnd">
                            <button type="button" class="btn btn-primary" style="margin-left:10px;" (click)="searchQuery(batchListBody)" [disabled]="nBatchNoStart.errors?.digits||nBatchNoEnd.errors?.digits">
                              <i class="fa fa-search"></i>查询</button>
                          </div>
                          <div class="col-md-12 col-xs-12" style="margin-top:10px;">
                            <div class="form-group col-lg-4" style="padding-left:0px !important">
                              <p *ngIf="nBatchNoStart.errors?.digits" class="errorTip" style="padding-left:80px">请输入正整数</p>
                            </div>
                            <div class="form-group col-lg-4" style="padding-left:0px !important">
                              <p *ngIf="nBatchNoEnd.errors?.digits" class="errorTip" style="padding-left:0px">请输入正整数</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- <div class="form-group" style="padding-left:5px !important; margin-bottom:8px">
                        <label class="control-label">批次区间：</label>
                        <input type="text" class="form-control" placeholder="起始区间" [(ngModel)]="batchListBody.nBatchNoStart" name="nBatchNoStart">
                        <label class="control-label">到：</label>
                        <input type="text" class="form-control" placeholder="结束区间" [(ngModel)]="batchListBody.nBatchNoEnd" name="nBatchNoEnd">
                        <button type="button" class="btn btn-primary" style="margin-left:10px;" (click)="loadBatchList()" >
                          <i class="fa fa-search"></i>查询</button>
                      </div> -->
                    </div>
                  </div>
                </form>


                <div class="ibt-fixed-table-container">
                  <!-- <div class="table-scroll-content"> -->
                  <table id="fixed-table" class="table table-bordered table-hover table-striped table-keep-line" style="margin-top:unset !important;">
                    <thead>
                      <tr role="row">
                        <th class="width-5">
                          <div class="cell">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll(batchListData)">
                              <label>
                              </label>
                            </div>
                          </div>
                        </th>
                        <th class="width-7">序号</th>
                        <th class="width-8">批次号</th>
                        <th class="width-15">文件名称</th>
                        <th class="width-10">发起日期</th>
                        <th class="width-10">发起时间</th>
                        <th class="width-10">当前流程</th>
                        <th class="width-10">处理人</th>
                        <th class="width-10">处理日期</th>
                        <th class="width-10">处理时间</th>
                        <th class="width-5">条目数量</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr *ngFor="let item of batchListData;let index = index;">
                        <td class="width-5">
                          <div class="checkbox checkbox-primary">
                            <input type="checkbox" id="checkbox1" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll(batchListData)">
                            <label>
                            </label>
                          </div>
                        </td>
                        <td class="width-7 short_name" [attr.title]="index+1">{{index+1}}</td>
                        <td class="width-8 short_name" [attr.title]="item.nBatchNo">{{item.nBatchNo}}</td>
                        <td class="width-15 short_name" [attr.title]="item.sFileName">{{item.sFileName}}</td>
                        <td class="width-10 short_name" [attr.title]="item.sLaunchDate">{{item.sLaunchDate}}</td>
                        <td class="width-10 short_name" [attr.title]="item.sLaunchTime">{{item.sLaunchTime}}</td>
                        <td class="width-10 short_name" [attr.title]="item.sFlowStepZh">{{item.sFlowStepZh}}</td>
                        <td class="width-10 short_name" [attr.title]="item.sOprZh">{{item.sOprZh}}</td>
                        <td class="width-10 short_name" [attr.title]="item.sOprDate">{{item.sOprDate}}</td>
                        <td class="width-10 short_name" [attr.title]="item.sOprTime">{{item.sOprTime}}</td>
                        <td class="width-5 short_name" [attr.title]="item.entryNumber">{{item.entryNumber}}</td>
                      </tr>
                    </tbody>
                  </table>
                  <!-- </div> -->
                </div>
                <div class="box-footer clearfix">
                  <app-pagination [currentPageNum]="batchListPageInfo.currentPageNum" [pagesShow]="" [totalPages]="batchListPageInfo.totalPages"
                    (pageChanged)="PageNavigation($event,2)">
                    <div class="pull-left pagination-detail" data-pagination-additional="true">
                      <span class="pagination-info">
                        当前显示第{{batchListPageInfo.startRow}}到第{{batchListPageInfo.endRow}}条，总共{{batchListPageInfo.total}}条，
                      </span>
                      <span class="page-list">
                        每页记录
                        <span class="btn-group dropup">
                          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <span class="page-size">{{batchListPageInfo.pageSize}}</span>
                            <span class="caret"></span>
                          </button>
                          <ul class="dropdown-menu" role="menu">
                            <li *ngFor="let i of batchListPageInfo.pageList" role="menuitem" [class.active]="batchListPageInfo.pageSize === i" (click)="pageSizeChange(i,2)">
                              <a>{{i}}</a>
                            </li>
                          </ul>
                        </span>条
                      </span>
                    </div>
                  </app-pagination>
                </div>
              </div>
              <!-- /.tab-pane -->
            </div>
          </div>
        </div>
      </div>



      <!-- 显示流程信息modal -->
      <div class="modal modal-detail" id="modal1">
        <div #flowInfo></div>
      </div>
      <!-- 显示流程信息modal end -->


      <!-- 复核通过modal -->
      <div class="modal modal-detail" id="modal2">
        <div #review></div>
      </div>
      <!-- 复核通过modal end -->



      <!-- 返回modal -->
      <!-- <div class="modal modal-detail" id="modal3">
        <div #back></div>
      </div> -->
      <!-- 返回modal end -->

      <!-- 查看明细modal -->
      <div class="modal modal-detail" id="modal4">
        <div #detail></div>
      </div>
      <!-- 查看明细modal end -->